<template>
	<!-- 绑定商机 -->
	<view class="page">
		<!-- search -->
		<view class=""
			style="display: flex;flex-direction: row;align-items: center;padding: 12px;background-color: #FFFFFF;">
			<view class="" @click="popBack()">
				<text class="iconfont icon-arrow-left" style="font-size: 16px;font-weight: bold;"></text>
				<text style="font-size: 16px;">商机管理</text>
			</view>
			<view
				style="margin-left: 12px;
				flex: 1;display: flex;align-items: center;flex-direction: row;background-color: #F1F1F1;
				height: 30px;border-radius: 15px;padding-right: 12px;">
				<text class="iconfont icon-sousuo"
					style="font-size: 16px;font-weight: bold;color: #999999;margin-right: 10px;margin-left: 10px;"></text>
				<input type="text" value="" placeholder="请输入关键字搜索" style="font-size: 14px;flex: 1;" />
				<view style="width: 1px;height: 14px;background-color: #999999;margin-right: 12px;" />
				<text style="font-size: 14px;color: #007AFF;">搜索</text>
			</view>
		</view>


		<!-- list -->
		<div style="flex: 1;background-color: #FFFFFF;overflow-y: auto;padding: 12px;padding-top: 0;">
			<!-- cell -->
			<div style="padding: 12px;background-color: #FFFFFF;border-radius: 8px;border: 1px solid #ebebeb;margin-top: 5px;"
				v-for="(obj,idx) in 5" :key="idx">
				<div style="display: flex;justify-content: space-between;">
					<div>
						<span style="font-size: 14px;font-weight: bold;">张三</span>
						<span style="font-size: 12px;color: #999999;margin-left: 12px;">四川大学</span>
					</div>
					<span style="font-size: 12px;color: #FF0000;">意向中度</span>
				</div>
				<div style="display: flex;justify-content: space-between;margin-top: 5px;">
					<span style="font-size: 12px;color: #999999;">来源:校园大使-李四</span>
					<span style="font-size: 12px;color: #999999;">购买课程:3</span>
				</div>
				<div style="display: flex;justify-content: space-between;align-items: center;margin-top: 5px;"
					v-if="idx != 3">
					<span style="font-size: 12px;color: #999999;">销售负责人:王五、老刘</span>
					<div style="padding: 3px 12px;border: 1px solid #e5e5e5;font-size: 12px;color: #999999;">
						+绑定
					</div>
				</div>
				<div style="display: flex;justify-content: space-between;align-items: center;margin-top: 5px;"
					v-if="idx == 3">
					<span style="font-size: 12px;color: #999999;">销售负责人:王五、老刘</span>
					<div style="font-size: 12px;color: #FF0000;">
						已绑定:哈哈哈
					</div>
				</div>


			</div>
		</div>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.page {
		flex: 1;
		display: flex;
		flex-direction: column;
		background-color: #3F536E;
	}
</style>
